<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1862834_v7gt6zrea6e.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <div class="title"></div>
    <div class="nav">
        <div class="nav-center">
            <div class="nav-loc">
                <a href="#">
                    <img src="images/location.png">
                    <p>深圳<切换></p>
                </a>
            </div>
            <div class="nav-center-center">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">测评</a></li>
                    <li><a href="#">商城</a></li>             
                </ul>
            </div>
            <div class="nav-adm">
                <a href="#">
                    <img src="images/adm.png" alt="">
                    <p>个人中心</p>
                </a>
            </div>
        </div>
    </div>
    <div class="center">
        <div class="menu">
            <div class="shouye on"><a href="adm.html" target="frame">用户中心首页</a></div>
            <div class="kind"><img src="images/open.png" alt=""> 我的检测</div>
            <div class="function">上门检测</div>
            <div class="function">DIY检测</div>
            <div class="kind"><img src="images/open.png" alt="">我的治理</div>
            <div class="function">上门治理</div>
            <div class="kind"><img src="images/open.png" alt=""> 我的装修</div>
            <div class="function">装修方案</div>
            <div class="kind"><img src="images/open.png" alt="">我的收藏 </div>
            <div class="function">装修材料</div>
            <div class="function">净化产品</div>
            <div class="function">咨询</div>
            <div class="function">测评</div>
            <div class="kind"> <img src="images/open.png" alt="">个人资料 </div>
            <div class="function">个人资料</div>
            <div class="function">修改密码</div>
            <div class="function"> <a href="vx.html" target="frame">绑定手机\微信</a></div>
            <div class="kind"><img src="images/open.png" alt="">积分管理</div>
            <div class="function">积分兑换</div>
            <div class="function">积分等级</div>
            <div class="function">积分任务</div>
        </div>
        <div class="content">
            <iframe  frameborder="0" name="frame" src="adm.html"></iframe>
        </div>
    </div>
    <div class="footer">
        <div class="footer-center">
            <div class="footer-logo">
                <img src="images/footerLogo.png">
                <h2>为室内环境健康把好每一关</h2>
                <h3>家具医生致力于中国人的家居健康习惯</h3>
            </div>
            <div class="footer-content">
                <h3>关于我们</h3>
                <h3>联系我们</h3>
                <h3>加入我们</h3>
            </div>
            <div class="footer-content">
                <h3>版权说明</h3>
                <h3>用户隐私</h3>
                <h3>免费说明</h3>
            </div>
            <div class="footer-content">
                <h3 class="icon-vx"><p>官方微信</p></h3>
                <h3 class="icon-tm"><p>天猫商城</p></h3>
                <h3 class="icon-shop"><p>有赞商城</p></h3>
            </div>
        </div>
        <div class="footer-copyright">
            <span>深圳建筑科学研究股份有限公司           家居医生网</span>
            <span class="foot-state">粤icp08011321号@Copy All Rights Reserved</span>
        </div>
    </div>
    <script>
        $(".menu div").click(function(){
            $(this).addClass("on").siblings().removeClass("on")
        })
    </script>
</body>
</html>